<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script>
        $(function () {
            $("#myUL li").css("cursor", "pointer").mousemove(function () {
                $(this).css("background", "red").siblings().css("background", "white");
            }).click(function () {
                $(this).css("background", "white").appendTo("#newUL");
            });
        });
    </script>
</head>

<body>
<h3>当点击球队时，被点击的球队背景色变为红色，并移入到下面的选项中，并且背景色变为白色</h3>
<ul id="myUL">
    <li>中国</li>
    <li>美国</li>
    <li>日本</li>
    <li>新加坡</li>
    <li>意大利</li>
    <li>法国</li>
    <li>德国</li>
</ul>
<ul id="newUL">
</ul>
</body>
</html>